<template>
    <!-- 列表渲染简介文档内容 -->
    <section v-for="value,key in docs">
        <!-- 段落标题 -->
        <span class="title">{{ key }}</span>
        <br/>
        <!-- 段落内容 -->
        <span class="content">{{value}}</span>
    </section>
</template>

<script lang="ts" setup>
// 导入简介文档
import docs from '../static/docs.json';
</script>

<style lang="scss" scoped>
/* 标题文本样式 */
.title{
    font-size:3vw;
    font-weight: bold;
    color:darkblue;
}
/* 内容字体大小 */
.content{
    font-size:2vw;
}
</style>
